<template>
  <!-- 创建表 -->
  <el-dialog
    title="创建表"
    :visible.sync="visible"
    width="800px"
    append-to-body
    :style="{ '--theme': $store.state.settings.theme }"
  >
    <span>创建表语句(支持多个建表语句)：</span>
    <el-input v-model="content" type="textarea" :rows="10" placeholder="请输入文本" />
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="handleCreateTable">确 定</el-button>
      <el-button @click="visible = false">取 消</el-button>
    </div>
  </el-dialog>
</template>

<script>
import { createTable } from '@/api/tool/gen'
export default {
  data() {
    return {
      // 遮罩层
      visible: false,
      // 文本内容
      content: ''
    }
  },
  methods: {
    // 显示弹框
    show() {
      this.visible = true
    },
    /** 创建按钮操作 */
    handleCreateTable() {
      if (this.content === '') {
        this.$modal.msgError('请输入建表语句')
        return
      }
      createTable({ sql: this.content }).then(res => {
        this.$modal.msgSuccess(res.msg)
        if (res.code === 200) {
          this.visible = false
          this.$emit('ok')
        }
      })
    }
  }
}
</script>
